.app-frame {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  > div {
    width: 260px;
    height: 100%;
    left: 18px;
    position: absolute;
    top: 18px;
    h2 {
      background-image: url('../../img/title-big.png');
      background-repeat: no-repeat;
      height: 36px;
      background-size: 100% 100%;
      font-size: 24px;
      color: #fff;
      margin: 0;
      padding: 0;
    }
    div {
      width: 235px;
      .ant-input-group-wrapper {
        margin: 18px 0;
        input::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.6);
        }
        input {
          height: 36px;
          border-color: rgba(255, 255, 255, 0.2);
          background: transparent;
        }
        .ant-input-group-addon {
          height: 36px;
          border: 2px solid rgba(0, 71, 179, 0.2);
          button {
            height: 32px;
            background: rgba(0, 71, 179, 1);
          }
          font-size: 14px;
        }
      }
    }
    div:last-child {
      height: 82%;
      overflow-y: scroll;
      overflow-x: hidden;
      ul {
        margin-right: 10px;
      }
      ul > li {
        list-style: none;
        height: 85px;
        margin-bottom: 12px;
        background: rgba(0, 71, 179, 0.16);
        border: 2px solid rgba(255, 255, 255, 0.1);
        display: flex;
        flex-direction: column;
        h2 {
          height: 22px;
          line-height: 22px;
          padding-left: 10px;
          background: url('../../img/title-small-m.png') no-repeat;
          background-size: 100% 100%;
          font-size: 15px;
          color: #fff;
          width: 135px;
          span {
            color: rgba(10, 92, 216, 1);
            margin-right: 10px;
          }
        }
        div {
          padding-left: 13px;
          margin-top: 10px;
          p {
            margin: 0;
            color: rgba(255, 255, 255, 1);
          }
          span {
            color: RGBA(103, 115, 134, 1);
          }
        }
      }
      .active {
        border: 2px solid rgba(10, 92, 216, 1);
        h2 {
          background: url('../../img/title-small-p.png') no-repeat;
          span {
            color: rgba(255, 255, 255, 1);
          }
          color: rgba(255, 255, 255, 1);
        }
      }
    }
    div:last-child::-webkit-scrollbar {
      width: 10px;
      background: #283044;
    }
    div:last-child::-webkit-scrollbar-thumb {
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.2);
    }
    div:last-child::-webkit-scrollbar-track {
      border-radius: 20px;
      background: #283044;
    }
  }
  iframe {
    border: 0;
    width: 100%;
    height: 100%;
  }
}
